<template>
    <el-form-item label="文字字体">
        <el-select v-model="optionModel.fontFamily" filterable allow-create default-first-option>
            <el-option v-for="(item, idx) in fontFamilyList" :key="idx" :label="item.label"
                :value="item.value"></el-option>
        </el-select>
    </el-form-item>
</template>

<script>
import i18n from "@/utils/i18n";
import { deepClone } from "@/utils/util";

export default {
    name: "fontFamily-editor",
    mixins: [i18n],
    props: {
        designer: Object,
        selectedWidget: Object,
        optionModel: Object,
    },
    data() {
        return {
            fontFamilyList: [
                {
                    label: "微软雅黑",
                    value: "Microsoft YaHei"
                },
                {
                    label: "仿宋_GB2312",
                    value: "FangSong"
                },
                {
                    label: "仿宋",
                    value: "仿宋"
                },
                {
                    label: "宋体",
                    value: "SimSun"
                },
                {
                    label: "方正小标宋简体",
                    value: "方正小标宋简体"
                },
                {
                    label: "方正小标宋_GBK",
                    value: "方正小标宋_GBK"
                },
                {
                    label: "楷体_GB2312",
                    value: "楷体_GB2312"
                },
                {
                    label: "等线",
                    value: "等线"
                },
                {
                    label: "黑体",
                    value: "黑体"
                },
                {
                    label: "arial",
                    value: "Arial"
                },
                {
                    label: "CALIBRI",
                    value: "Calibri"
                },
                {
                    label: "Cambria",
                    value: "Cambria"
                },
                {
                    label: "cour",
                    value: "Courier New"
                },
                {
                    label: "symbol",
                    value: "Symbol"
                },
                {
                    label: "times",
                    value: "Times New Roman"
                },
                {
                    label: "wingding",
                    value: "Wingdings"
                },
            ],

        }
    },
}
</script>

<style scoped></style>